<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>全国疫情实时追踪</title>
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<div class="container">
		<div class="header">
			<h2>全国疫情实时追踪</h2>
			<div class="showTime"></div>
		</div>
		<div class="context">
			<div class="no">
				<div class="no_header">
					<ul>
						<li>--</li>
						<li>--</li>
						<li>--</li>
						<li>--</li>
					</ul>
				</div>
				<div class="no_body">
					<ul>
						<li>累计确诊</li>
						<li>剩余疑似</li>
						<li>累计治愈</li>
						<li>累计死亡</li>
					</ul>
				</div>
			</div>
			<div class="context_body">
				<div class="left">
					<div class="panel">
						<h2>全国累计趋势</h2>
						<div class="chart" id="reduce"></div>
						<div class="panel_footer"></div>
					</div>
					<div class="panel">
						<h2>全国新增趋势</h2>
						<div class="chart" id="add"></div>
						<div class="panel_footer"></div>
					</div>
				</div>
				<div class="center">
					<div class="map_bg"></div>
					<div class="map_bg1"></div>
					<div class="map_bg2"></div>
					<div class="map" id="map"></div>
				</div>
				<div class="right">
					<div class="panel">
						<h2>非湖北地区确诊TOP5</h2>
						<div class="chart" id="top"></div>
						<div class="panel_footer"></div>
					</div>
					<div class="panel">
						<h2>今日疫情热搜TOP5</h2>
						<div class="chart" id="keywords"></div>
						<div class="panel_footer"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- rem布局 -->
	<script src="./js/flexible.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.24.0/axios.min.js"></script>
	<script src="./js/echarts.js"></script>
	<script src="./js/china.js"></script>
	<script src="./js/index.js"></script>
</body>

</html>